<template>
  <div>
    <van-cell-group>
      <van-cell title="课程明细" is-link>
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-jiance"></use>
        </svg>
      </van-cell>
      <van-cell title="课程兑换" is-link />
      <van-cell to="/home/my/MypageJump" title="钻石明细" is-link />
      <van-cell title="学习报告" is-link />
      <van-cell title="跟读作品" is-link />
      <van-cell title="物流详情" is-link />
    </van-cell-group>
  </div>
</template>

<script>
import "@/assets/font/iconfont.js";
import { Cell, CellGroup } from "vant";
export default {
  data() {
    return {};
  },
  components: {
    "van-cell-group": CellGroup,
    "van-cell": Cell,
  },
};
</script>

<style lang="less" scoped>
.van-cell-group {
  margin: 10px 0;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>
